
//轮播图
$(document).ready(function() {
  setInterval(function() {
      $('.carousel').carousel('next');
  }, 2000);
});
// 返回顶部按钮

$(window).scroll(function() {//浏览器滚动出发scroll
  if ($(this).scrollTop() > 200) {//判断当前滚动条的位置是否超过了200像素
    $(".back-to-top").fadeIn('slow');
  } else {
    $(".back-to-top").fadeOut('slow');
  }
});
$('.back-to-top').click(function () {
  $('html, body').animate({ scrollTop: 0 }, 1500, 'easeInOutExpo');//'easeInOutExpo'表示动画的速度曲线为先慢后快再慢

});



var progressBar1 = document.querySelector('.progress-bar');
var progressBar2 = document.querySelectorAll('.progress-bar')[1];
var progressBar3 = document.querySelectorAll('.progress-bar')[2];

// 获取按钮元素
var btnControl1 = document.getElementById('btnControl1');
var btnControl2 = document.getElementById('btnControl2');
var btnControl3 = document.getElementById('btnControl3');

// 设置初始状态为未开始
var isStarted1 = false;
var isStarted2 = false;
var isStarted3 = false;

// 添加点击事件监听器
btnControl1.addEventListener('click', function() {
  if (!isStarted1) {
    // 开始进度条1动画
    startProgress(progressBar1);
  } else {
    // 停止进度条1动画
    stopProgress(progressBar1);
  }
});

btnControl2.addEventListener('click', function() {
  if (!isStarted2) {
    // 开始进度条2动画
    startProgress(progressBar2);
  } else {
    // 停止进度条2动画
    stopProgress(progressBar2);
  }
});

btnControl3.addEventListener('click', function() {
  if (!isStarted3) {
    // 开始进度条3动画
    startProgress(progressBar3);
  } else {
    // 停止进度条3动画
    stopProgress(progressBar3);
  }
});

// 定义开始进度条动画的函数
function startProgress(progressBar) {
  isStarted = true;
  var width = 0;
  var interval = setInterval(function() {
    if (width >= 80) {
      clearInterval(interval); // 停止动画
      isStarted = false; // 重置状态
    } else {
      width += 5; // 增加进度
      progressBar.style.width = width + '%'; // 更新进度条宽度
      progressBar.textContent = width + '% Complete'; // 更新进度条文本
    }
  }, 100); // 每100毫秒更新一次进度条
}

// 定义停止进度条动画的函数
function stopProgress(progressBar) {
  isStarted = false;
}


